html,body{
	padding: 0;
	margin: 0;
}
.header{
	background: black;
	height: 2rem;
	width: 100%;
	position: relative;
}
.title{
	color: white;
	font-size: 1rem;
	margin-left: 6.5rem;
	
}
.title2{
	color: white;
	font-size: 1rem;
	margin-left: 5rem;
	
}

span{
	line-height: 2rem;
	height: 2rem;
	text-align: center;
}
.swiper-img{
	width: 100%;
	height: 9rem;
}
.nav{
   padding: 0;
   margin: 0;
    height: 10rem;
   
}
.photoes1{
	padding: 0;
    margin: 0;
    height: 20rem;
    overflow: scroll;
	
}
.nav-item,.photoes1-item{
	background: #403f3e;
	width: 25%;
	float: left;
	height: 2.8rem;
	list-style: none;
	margin-left: 1rem;
	margin-top: 1rem;
	
}
.nav-item-list{
	color: white;
	font-size: .7rem;
	line-height: 2.8rem;
	height: 2.8rem;
	text-align: center;
	
}
a{
	text-decoration: none;
}
.top-hr{
	margin-top: -.8rem;
	height: .3rem;
	background: gainsboro;
	width: 100%;
	border: 1px solid gainsboro;
}
.list-title{
	margin-top: -.3rem;
}
.list-title-item{
	color: #dd8524;
	font-size: .8rem;
	margin-left: .8rem;
	
}
.list-hr{
 border: 1px solid gainsboro;
 margin-top: .1rem;
}
.list-content{
	width: 100%;
	float: left;
	height: 17.5rem;
}
.list-content-item{
	width: 100%;
	margin-bottom: .5rem;
	height: 4.5rem;
}

.list-content-item-left{
	width: 30%;
	float: left;
	height: 4.5rem;
	margin-left: .2rem;
}
.list-content-item-right{
	width: 65%;
	height: 4rem;
	float: left;
	font-size: .6rem;
	margin-left: .5rem;
	
}
.footer{
	
	height: 2rem;
	background: black;
	bottom: 0;
	position: fixed;
	margin: 0 auto;
	padding: 0;
	text-align: center;

}
.footer-sheying{
   height: 2rem;
    background: black;
	bottom: 0;
	position: fixed;
	margin: 0 auto;
	padding: 0;
	text-align: center;
	

}
.footer-item{
	list-style: none;
	
	float: left;
	width: 33.3%;
	
	
}
.footer-item-img{
	width: 20%;
	}
.footer-item-text{
	color: white;
	font-size: .45rem;
    margin: 0;
	padding: 0;
}
.photoes1-item-img{
	width: 100%;
	height: 2.5rem;
}
.icon{
	color: white;
	font-size: 1rem;
	margin-left: .8rem;
}
